// 第二栏,寻找伙伴页面
<template >
  <div class="looking-partners">
    <h1 :class="{'moveClass':isMove}" >寻找合作伙伴</h1>
    <img
      :class="{'moveClass':isMove}"
      src="@/assets/img/teamworw/teamwork-makes-the-dream-work.png"
      alt
    />
    <p
      :class="{'moveClass':isMove}"
    >智梯万家提供市场领先的解决方案，这些解决方案能帮助企业更轻松地开展协作，制定更明智的业务决策，并基于开放式技术平台扩展业务流程。我们的合作伙伴能帮助你购买、构建和实施最能满足你独特需求的 电梯服务 解决方案，并提供相关维护和支持服务。立即行动，寻找值得信赖的专业合作伙伴</p>
  </div>
</template>
<script>
export default {
  name: "LookingPartners",
  data() {
    return {
      isMove: false
    };
  },
  mounted() {
    window.addEventListener("scroll", this.MoveEvent);
  },
  methods: {
    MoveEvent() {
      if (document.documentElement.scrollTop >= 0 || document.body.scrollTop >= 0) {
        this.isMove = true;
      }
    }
  }
};
</script>
<style lang='scss' scoped>
.looking-partners {
  padding: 0 270px;
  height: 553px;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
   .moveClass{
    transition: all 2s;
    transform: translateX(0);
  }   
  h1 {
    transform: translateX(-400%);
    font-size: 50px;
    color: #1a1a1a;
  }
  img {
    transform: translateX(200%);
    font-size: 50px;
    margin-top: 60px;
    width: 898px;
    height: 131px;
  }
  p {
    transform: translateX(-200%);
    margin-top: 70px;
    font-size: 14px;
    color: #666666;
  }
}
</style>